<template>
	<div class="body timeline" :style="{ background: data.web.background, color: data.web.color }">
		<div class="row" :style="{ background: data.web.Contentbackground }">
			<!-- 内容使用编辑器 -->
			<el-timeline>
				<el-timeline-item v-for="(item, index) in data.web.content" :key="index" :timestamp="item[$i18n.locale]['title']" placement="top" :type="item['status'] == '1' ? 'primary' : ''" :hollow="item['status'] == '1' ? true : false" :color="item['status'] == '0' ? '#0bbd87' : ''">
					<el-card>
						<Tiptap :content="item[$i18n.locale]['content']"></Tiptap>
					</el-card>
				</el-timeline-item>
			</el-timeline>
		</div>
	</div>
</template>
<script>
	import Tiptap from '@/components/Tiptap.vue'
	export default {
		components: { Tiptap },
		props: ['data'],
		data() {
			return {}
		},
	}
</script>
<style>
	.timeline .el-timeline {
		width: 100%;
	}
</style>
